<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>研究生升级平台</title>
        <meta name="keywords" content="index" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="renderer" content="webkit" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="icon" type="image/png" href="/public/amazeUI/i/favicon.png" />
        <link rel="apple-touch-icon-precomposed" href="/public/amazeUI/i/app-icon72x72@2x.png" />
        <meta name="apple-mobile-web-app-title" content="Amaze UI" />
        <link rel="stylesheet" href="/public/amazeUI/css/amazeui.min.css" />
        <link rel="stylesheet" href="/public/amazeUI/css/amazeui.datatables.min.css" />
        <link rel="stylesheet" href="/public/amazeUI/css/app.css" />
        <link rel="stylesheet" href="/public/js/zeroModal/zeroModal.css" />
        <script src="/public/amazeUI/js/jquery.min.js"></script>
        <script src="/public/js/zeroModal/zeroModal.min.js"></script>
    </head>
    
    <body data-type="login">
        <script src="/public/amazeUI/js/theme.js"></script>
        <div class="am-g tpl-g">
            <!-- 风格切换 -->
            <div class="tpl-skiner">
                <div class="tpl-skiner-toggle am-icon-cog"></div>
                <div class="tpl-skiner-content">
                    <div class="tpl-skiner-content-title">选择主题</div>
                    <div class="tpl-skiner-content-bar">
                        <span class="skiner-color skiner-white" data-color="theme-white"></span>
                        <span class="skiner-color skiner-black" data-color="theme-black"></span>
                    </div>
                </div>
            </div>
            <div class="tpl-login">
                <div class="tpl-login-content">
                    <div class="tpl-login-logo"></div>
                    <form class="am-form tpl-form-line-form" name="loginForm" method="post" action="/doLogin">
                        <div class="am-form-group">
                            <input type="text" role="l" class="tpl-form-input" id="user-name" name="username" placeholder="请输入账号" autofocus />
                        </div>
                        <div class="am-form-group">
                            <input type="password" role="l" class="tpl-form-input" id="user-pwd" name="password" placeholder="请输入密码" />
                        </div>
                        <div class="am-form-group tpl-login-remember-me"></div>
                        <div class="am-form-group">
                            <button type="button" id="loginBtn" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success tpl-login-btn">登录</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <script src="/public/amazeUI/js/amazeui.min.js"></script>
        <script src="/public/amazeUI/js/app.js"></script>
        <script type="text/javascript">
            $('#loginBtn').click(function() {
                doLogin();
            });

            $('[role="l"]').keyup(function(e) {
                if (e.keyCode == 13) doLogin();
            });

            function doLogin() {
                if ($("#user-name").val() == "") {
                    zeroModal.alert('用户名不能为空！');
                    return;
                }
                if ($("#user-pwd").val() == "") {
                    zeroModal.alert('密码不能为空！');
                    return;
                }
                document.loginForm.submit();
            }
        </script>
    </body>

</html>